<template>
	<view class="page_noLogin">
		<view class="nologin_top">
			<view class="img_wrap">
				<image class="img" mode="aspectFit" src="../../../static/image/public/logo.png"></image>
			</view>
			<view class="center">
				<view class="title">未登录/注册</view>
				<text class="text">登录后可使用全部功能</text>
			</view>
			<view class="right">
				<wyb-button class="btn" type="filled" color="#797DF9" width="150rpx" height="60rpx"  font-size="24rpx" :radius= "radius" @click="goToLogin"
					>登录</wyb-button> 
			</view>
		</view>
		<!--end nologin_top -->
		<view class="nologin_con">
			<view class="list_wrap">
				<navigator @click="pleaseLog" class="item" hover-class="none">
					<image class="img" mode="aspectFit" src="../../../static/image/page/ye.png"></image>
					<view class="title">账户余额</view>
					<uni-icons type="arrowright"></uni-icons>
				</navigator>
				<navigator @click="pleaseLog" class="item" hover-class="none">
					<image class="img" mode="aspectFit" src="../../../static/image/page/tx.png"></image>
					<view class="title">提现记录</view>
					<uni-icons type="arrowright"></uni-icons>
				</navigator>
				<navigator @click="pleaseLog" class="item" hover-class="none">
					<image class="img" mode="aspectFit" src="../../../static/image/page/sz.png"></image>
					<view class="title">收支流水</view>
					<uni-icons type="arrowright"></uni-icons>
				</navigator>
			</view>
			<view class="list_wrap">
				<navigator @click="pleaseLog" class="item" hover-class="none">
					<image class="img" mode="aspectFit" src="../../../static/image/page/message.png"></image>
					<view class="title">我的消息</view>
					<uni-icons type="arrowright"></uni-icons>
				</navigator>
				<navigator @click="pleaseLog" class="item" hover-class="none">
					<image class="img" mode="aspectFit" src="../../../static/image/page/kf.png"></image>
					<view class="title">专属客服</view>
					<uni-icons type="arrowright"></uni-icons>
				</navigator>

			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				radius:["30rpx"]
			}
		},
		methods: {
			//请登录
			pleaseLog(){
				uni.showModal({
					title: '警告',
					content: '请先登录',
					success: function(res) {
						if (res.confirm) {
							uni.setStorageSync("token", "");
							uni.navigateTo({
								url: "/pages/login/index"
							})
						}
					}
					})
			},
			//登录
			goToLogin() {
				uni.navigateTo({
					url:"/pages/login/index"
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.nologin_top{background: $dtg-color-primary; padding: 88rpx 30rpx 60rpx; margin: 0 auto 30rpx;display: flex;justify-content: space-between;align-items: center;
		.img_wrap{border-radius: 50%;border: 1px solid #FFFFFF;width: 110rpx;height: 110rpx;overflow: hidden;}
		.img{width: 100%;height: 100%;}
		.center{color: #FFFFFF; flex: 1; padding-left: 20rpx;}
		.title{font-size: 36rpx;font-style: bolder;}
		.text{font-size: 28rpx;}
	}
	.nologin_con{padding: 0 30rpx; margin: 0 auto ;
		.list_wrap{padding: 0 30rpx;background: #FFFFFF; border-radius: 20rpx; margin-bottom: 30rpx;}
		.item{height: 110rpx; display:flex;justify-content: space-between;align-items: center;border-bottom: 2rpx solid #F8F8F8;}
		.img{width: 42rpx;height: 42rpx;}
		.title{flex: 1;padding-left: 20rpx;}
	}
</style>
0